<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>csslayout01</title>
		<link type="text/css" href="css/normalize.css" rel="stylesheet" />
		<link type="text/css" href="css/csslayout01.css" rel="stylesheet" />
		<!--[if lt IE 9]>
			<script src="js/html5/html5shiv.js"></script>
		<![endif]-->
	</head>
	<body>
		<header>
			<div id="logo"> </div>
			<div id="qtext">
				<span>Log in</span> or <span>Create Account</span>
			</div>
			<div id="qmenu">
				<ul>
					<li>contact |&nbsp;</li>
					<li>store locator |&nbsp;</li>
					<li>support |&nbsp;</li>
					<li>CART</li>
				</ul>
			</div>			
		</header> <!-- 머릿글 -->
		<nav>
			<input type="text" />
			<select>
				<option>Category</option>
				<option>Category</option>
				<option>Category</option>
				<option>Category</option>
				<option>Category</option>
				<option>Category</option>
			</select>
			<button type="button">SEARCH</button>
		</nav> <!-- 상단메뉴 -->
		
		<div id="contents">
			<div id="sect01">
				<aside>
					<ul>
						<li>All categories</li>
						<li>Category1</li>
						<li>Category2</li>
						<li>Category3</li>
						<li>Category4</li>
						<li>Category5</li>
						<li>Category6</li>
					</ul>
				</aside>
				<section>
					<p>[ PROMOTIONAL IMAGES ROTATE HERE ]</p>
					<ul>
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
				</section>
			</div> <!-- 프로모션 이미지 -->
			
			<div id="sect02" class="clearme">
				<h3>Today's Specials</h3>
				<ul>
					<li>
						<div class="product">							
						</div>
						<p>Product 1</p>
					</li>
					<li>
						<div class="product">							
						</div>
						<p>Product 2</p>
					</li>
					<li>
						<div class="product">							
						</div>
						<p>Product 3</p>
					</li>
					<li>
						<div class="product">							
						</div>
						<p>Product 4</p>
					</li>
					<li>
						<div class="product">							
						</div>
						<p>Product 5</p>
					</li>
					<li>
						<div class="product">							
						</div>
						<p>Product 6</p>
					</li>
				</ul>
			</div> <!-- 이미지 목록 -->
			
		</div> <!-- 본글 -->
		
		<footer>
			<ul>
				<li><h4>ABOUT US</h4></li>
				<li>Company</li>
				<li>News</li>
				<li>Jobs</li>
				<li>Policies</li>
				<li>Contact</li>
			</ul>
			<ul>
				<li><h4>SOCIAL</h4></li>
				<li>Facebook</li>
				<li>Twitter</li>
				<li>Try our app</li>
			</ul>
			<ul>
				<li><h4>SERVICE</h4></li>
				<li>FAQ</li>
				<li>Live support</li>
				<li>Site map</li>
			</ul>
			<div id="copy" class="clearme">copyright&copy; 2013. JINn. all rights reserved.</div>
		</footer> <!-- 꼬릿글 -->
		
		
	</body>
</html>
